import Vue from 'vue'
import VueRouter from 'vue-router'
import index from "@/views/index";
import shop from "@/views/shop/shop";
import spansor from "@/views/spansor/spansor";
import regByPhone from "@/views/register/regByPhone";
import regByEmail from "@/views/register/regByEmail";
import loginByPassword from "@/views/login/loginByPassword";
import loginByEmail from "@/views/login/loginByEmail";
import loginByPhone from "@/views/login/loginByPhone";

Vue.use(VueRouter)

const routes = [
  {
    path: 'loginByPassword',
    name: '用户密码登陆',
    component: loginByPassword
  },
  {
    path: 'loginByEmail',
    name: '用户邮箱登陆',
    component: loginByEmail
  },
  {
    path: 'loginByPhone',
    name: '用户验证码登陆',
    component: loginByPhone
  },
  {
    path: 'regByPhone',
    name: '用户验证码注册',
    component: regByPhone
  },
  {
    path: 'regByEmail',
    name: '用户邮箱注册',
    component: regByEmail
  },
  {
    path: '/index',
    name: 'index',
    component: index
  },
  {
    path: '/shop',
    name: 'shop',
    component: shop
  },
  {
    path: '/spansor',
    name: 'spansor',
    component: spansor
  },
  {
    path: '/ttf_1',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_1/index.vue')
  },
  {
    path: '/ttf_5',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_5/index.vue')
  },
  {
    path: '/ttf_6',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_6/index.vue')
  },
  {
    path: '/ttf_7',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_7/index.vue')
  },
  {
    path: '/ttf_8',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_8/index.vue')
  },
  {
    path: '/ttf_9',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_9/index.vue')
  },
  {
    path: '/ttf_12',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_12/index.vue')
  },
  {
    path: '/ttf_16',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_16/index.vue')
  },
  {
    path: '/ttf_18',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_18/index.vue')
  },
  {
    path: '/ttf_22',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '@/components/specialEffects/ttf_22/index.vue')
  // {
  //   path: '/',
  //   component: index,
  //
  // },
  // {
  //   path: '/about',
  //   name: 'about',
  //   // route level code-splitting
  //   // this generates a separate chunk (about.[hash].js) for this route
  //   // which is lazy-loaded when the route is visited.
  //   component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  // }
  },

]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
